<template>
  <div class="sysbasic-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="部门管理" name="DepMana">
        <DepMana></DepMana>
      </el-tab-pane>
      <el-tab-pane label="职位管理" name="PostMana">
        <PostMana></PostMana>
      </el-tab-pane>
      <el-tab-pane label="职称管理" name="JoblevelMana">
        <JoblevelMana></JoblevelMana>
      </el-tab-pane>
      <el-tab-pane label="奖惩规则" name="EcMana">
        <EcMana></EcMana>
      </el-tab-pane>
      <el-tab-pane label="权限组" name="PermissMana">
        <PermissMana></PermissMana>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import DepMana from '@/components/sys/basic/DepMana.vue'
import EcMana from '@/components/sys/basic/EcMana.vue'
import JoblevelMana from '@/components/sys/basic/JoblevelMana.vue'
import PermissMana from '@/components/sys/basic/PermissMana.vue'
import PostMana from '@/components/sys/basic/PostMana.vue'
export default {
  name: 'SysBasic',
  components: { DepMana, EcMana, JoblevelMana, PermissMana, PostMana },
  data() {
    return {
      activeName: 'PostMana',
    }
  },
  methods: {
    handleClick() {},
  },
}
</script>

<style></style>
